/**
 * Created by Tang on 2017/7/24.
 */

//登陆注册部分;
$('.login').on('click',function () {
    $('.warp_black').css({
        display:'block',
        width:$(window).width(),
        height:$(window).height()
    }).find('._login').css({
        display:'block'
    }).siblings().css({
        display:'none'
    })
}).siblings('.join').on('click',function () {
    $('.warp_black').css({
        display:'block',
        width:$(window).width(),
        height:$(window).height()
    }).find('._join').css({
        display:'block'
    }).siblings().css({
        display:'none'
    })
});
$('.close').on('click',function () {
    $('.warp_black').css({
        display:'none',
    })
});


//轮播图部分;
//轮播图;
var mySwiper = new Swiper ('.swiper-container', {
    loop: true,
    // 自动播放时间;
    autoplay: 3000,
    // 分页器;
    pagination: '.swiper-pagination',
    // 分液器点击;
    paginationClickable: true
});
//左侧tab切换;
$('.tab>div').on('mouseenter',function () {
    $(this).children('div').css('display','block')
}).on('mouseleave',function () {
    $(this).children('div').css('display','none')
});

//hot部分调用接口;
$.ajax({
    url:'http://localhost:8086/index/hotList.json',
    type:'get',
    success:function (data) {
        $('.hot .phones').html('' +
            '<div>' +
                '<img src=' + data.result[0].img_url + ' alt="">' +
                '<p>' + data.result[0].model_alis + '</p>' +
            '</div>' +
                '<div>' +
                '<img src=' + data.result[1].img_url + ' alt="">' +
            '<p>' + data.result[1].model_alis + '</p>' +
            '</div>' +
            '<div>' +
                '<img  src=' + data.result[2].img_url + ' alt="">' +
                '<p>' + data.result[2].model_alis + '</p>' +
            '</div>' +
            '<div>' +
                '<img src=' + data.result[3].img_url + ' alt="">' +
                '<p>' + data.result[3].model_alis + '</p>' +
            '</div>' +
            '<div>' +
                '<img src=' + data.result[4].img_url + ' alt="">' +
                '<p>' + data.result[4].model_alis + '</p>' +
            '</div>')
    }
});

//优选部分调用接口;
$.ajax({
    url:'http://localhost:8086/index/yxList.json',
    type:'get',
    success:function (data) {
        $('.yx .phones').html('' +
            '<div>' +
            '<img src=' + data.result[0].thum_img.old + ' alt="">' +
            '<p>' + data.result[0].brand_name + '</p>' +
            '<p class="red">' + data.result[0].price + '</p>' +
            '</div>' +
            '<div>' +
            '<img src=' + data.result[1].thum_img.old + ' alt="">' +
            '<p>' + data.result[1].brand_name + '</p>' +
            '<p class="red">' + data.result[1].price + '</p>' +
            '</div>' +
            '<div>' +
            '<img  src=' + data.result[2].thum_img.old + ' alt="">' +
            '<p>' + data.result[2].brand_name + '</p>' +
            '<p class="red">' + data.result[2].price + '</p>' +
            '</div>' +
            '<div>' +
            '<img src=' + data.result[3].thum_img.old + ' alt="">' +
            '<p>' + data.result[3].brand_name + '</p>' +
            '<p class="red">' + data.result[3].price + '</p>' +
            '</div>' +
            '<div>' +
            '<img src=' + data.result[4].thum_img.old + ' alt="">' +
            '<p>' + data.result[4].brand_name + '</p>' +
            '<p class="red">' + data.result[4].price + '</p>' +
            '</div>')
    }
});